<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>顾问端 - 我的</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        body {
            max-width: 414px;
            margin: 0 auto;
            background: #f5f5f5;
        }
    </style>
</head>
<body class="bg-gray-50">
    <!-- 用户信息卡片 -->
    <div class="bg-gradient-to-r from-blue-500 to-blue-600 px-4 py-6 text-white">
        <div class="flex items-center justify-between">
            <div class="flex items-center space-x-4">
                <div class="w-16 h-16 bg-white rounded-full flex items-center justify-center">
                    <i class="fas fa-user-tie text-blue-500 text-2xl"></i>
                </div>
                <div>
                    <div class="text-xl font-bold">李顾问</div>
                    <div class="text-blue-100 text-sm mt-1">顾问</div>
                </div>
            </div>
            <i class="fas fa-edit text-white text-xl"></i>
        </div>
    </div>

    <!-- 数据统计 -->
    <div class="px-4 py-4">
        <div class="grid grid-cols-3 gap-3">
            <div class="bg-white rounded-lg p-4 text-center shadow-sm">
                <div class="text-2xl font-bold text-gray-800">45</div>
                <div class="text-gray-600 text-sm mt-1">总需求</div>
            </div>
            <div class="bg-yellow-50 rounded-lg p-4 text-center shadow-sm">
                <div class="text-2xl font-bold text-gray-800">12</div>
                <div class="text-gray-600 text-sm mt-1">待处理</div>
            </div>
            <div class="bg-green-50 rounded-lg p-4 text-center shadow-sm">
                <div class="text-2xl font-bold text-gray-800">28</div>
                <div class="text-gray-600 text-sm mt-1">已完成</div>
            </div>
        </div>
    </div>

    <!-- 功能菜单 -->
    <div class="px-4 pb-4">
        <div class="bg-white rounded-lg shadow-sm">
            <div class="flex items-center justify-between p-4 border-b border-gray-100">
                <div class="flex items-center space-x-3">
                    <i class="fas fa-list text-blue-500 text-xl"></i>
                    <span class="text-gray-800">需求管理</span>
                </div>
                <i class="fas fa-chevron-right text-gray-400"></i>
            </div>
            <div class="flex items-center justify-between p-4 border-b border-gray-100">
                <div class="flex items-center space-x-3">
                    <i class="fas fa-tag text-blue-500 text-xl"></i>
                    <span class="text-gray-800">我的报价</span>
                </div>
                <i class="fas fa-chevron-right text-gray-400"></i>
            </div>
            <div class="flex items-center justify-between p-4 border-b border-gray-100">
                <div class="flex items-center space-x-3">
                    <i class="fas fa-file-contract text-blue-500 text-xl"></i>
                    <span class="text-gray-800">我的协议</span>
                </div>
                <i class="fas fa-chevron-right text-gray-400"></i>
            </div>
            <div class="flex items-center justify-between p-4">
                <div class="flex items-center space-x-3">
                    <i class="fas fa-bell text-blue-500 text-xl"></i>
                    <span class="text-gray-800">消息通知</span>
                </div>
                <div class="flex items-center space-x-2">
                    <span class="bg-red-500 text-white text-xs px-2 py-1 rounded-full">5</span>
                    <i class="fas fa-chevron-right text-gray-400"></i>
                </div>
            </div>
        </div>
    </div>

    <!-- 设置菜单 -->
    <div class="px-4 pb-4">
        <div class="bg-white rounded-lg shadow-sm">
            <div class="flex items-center justify-between p-4 border-b border-gray-100">
                <div class="flex items-center space-x-3">
                    <i class="fas fa-user text-gray-600 text-xl"></i>
                    <span class="text-gray-800">个人信息</span>
                </div>
                <i class="fas fa-chevron-right text-gray-400"></i>
            </div>
            <div class="flex items-center justify-between p-4 border-b border-gray-100">
                <div class="flex items-center space-x-3">
                    <i class="fas fa-cog text-gray-600 text-xl"></i>
                    <span class="text-gray-800">账号设置</span>
                </div>
                <i class="fas fa-chevron-right text-gray-400"></i>
            </div>
            <div class="flex items-center justify-between p-4 border-b border-gray-100">
                <div class="flex items-center space-x-3">
                    <i class="fas fa-chart-bar text-gray-600 text-xl"></i>
                    <span class="text-gray-800">工作统计</span>
                </div>
                <i class="fas fa-chevron-right text-gray-400"></i>
            </div>
            <div class="flex items-center justify-between p-4 border-b border-gray-100">
                <div class="flex items-center space-x-3">
                    <i class="fas fa-question-circle text-gray-600 text-xl"></i>
                    <span class="text-gray-800">帮助中心</span>
                </div>
                <i class="fas fa-chevron-right text-gray-400"></i>
            </div>
            <div class="flex items-center justify-between p-4">
                <div class="flex items-center space-x-3">
                    <i class="fas fa-info-circle text-gray-600 text-xl"></i>
                    <span class="text-gray-800">关于我们</span>
                </div>
                <div class="flex items-center space-x-2">
                    <span class="text-gray-400 text-xs">v1.0.0</span>
                    <i class="fas fa-chevron-right text-gray-400"></i>
                </div>
            </div>
        </div>
    </div>

    <!-- 退出登录 -->
    <div class="px-4 pb-20">
        <button class="w-full bg-white text-red-500 py-3 rounded-lg font-medium shadow-sm">
            退出登录
        </button>
    </div>

    <!-- 底部导航栏 -->
    <div class="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200" style="max-width: 414px; margin: 0 auto;">
        <div class="grid grid-cols-3 py-2">
            <div class="text-center py-2">
                <i class="fas fa-home text-gray-400 text-xl"></i>
                <div class="text-gray-400 text-xs mt-1">工作台</div>
            </div>
            <div class="text-center py-2">
                <i class="fas fa-list text-gray-400 text-xl"></i>
                <div class="text-gray-400 text-xs mt-1">需求</div>
            </div>
            <div class="text-center py-2">
                <i class="fas fa-user text-blue-500 text-xl"></i>
                <div class="text-blue-500 text-xs mt-1">我的</div>
            </div>
        </div>
    </div>
</body>
</html>

